@import '~antd/dist/antd.css';
.header{
  height: 8vh;
  width: 100%;
  display: flex;
  background-image: url('./asset/pic/header.png') ;
  background-size: 100% 8vh;
  background-repeat:no-repeat;
  .header-left{
    position: relative;
    font-size:1vw;
    height: 100%;
    flex: 2;
    /* background-color: brown; */
    .head-drop{
      background-image: url('./asset//pic//place.png');
      width: 8vw;
      height: 2vw;
      background-color: red; 
      background-size: 8vw 2vw;
      position: absolute;
      top: 0.3vw;
      padding-left: 20px;
      line-height: 2vw;
      right: -2vw;
    }
    .weathers{
      width: 25vw;
      height: 5vh;
      // background-color: red;
      .today-Icon{
        margin-left: 0.3vw;
        float: left;
        width: 2vw;
        height: 2vw;
        // background-color: #1f7cd8;
        background-image: url('./asset/pic/雨.png');
        background-size: cover;
      }
      .weather{
        float: left;
        font-size: 0.5vw;
        margin-inline: 0.6vw;
        .today-weather{
          color:aqua;
        }
        .today-temperure{
          color: aqua;
        }
      }
     
    }
  }
  .header-center{
    position: relative;
    color: aqua;
    font-size:1vw;
    height: 2vw;
    flex: 3;
    text-align: center;
    line-height: 2vw;
    /* background-color: rgb(132, 165, 42); */
    h1{
      color: aqua;
    }
    .one-button{
      text-align: center;
      cursor: pointer;
      font-weight: bold;
      width: 10vw;
      height: 2.7vw;
      line-height: 3vw;
      position: absolute;
      transition: all linear .31s;
      top: 5%;
      /* color: yellowgreen; */
      /* background-color: beige; */
      background-image: url('./asset/pic/Button.png') ;
      background-size: 10vw 2.7vw;
    }
    .one-button:hover{
      color: rgb(255, 255, 255);
    }
    .right-button{
      right: 5%;
    }
    .left-button{
      left: 5%;
    }
  }
  .header-right{
    font-size:1vw;
    height: 100%;
    flex: 2;
    /* background-color: rgb(33, 235, 191); */
    .right-time{
      margin-top: .625rem;
      color: aqua;
    }
  }
}


// common
.hover-button{
  color: rgb(255, 160, 17);
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled){
  background-color:#1f7cd8 !important;
}
